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<HTML> 
<HEAD> 
<TITLE> 

Virage Video Presentation: hongkong_5mimite 

</TITLE> 

<SCRIPT> 

// edit this variable to point to proxy URL 

varurlroot= n pnm://realserver/content/hongkong.rm"; 

var preroll^O; 

var proxy_type- Veal" 

var lastimg; 

function DisplayFrame(offset) 
{ 

var a = top.j&ames[l].botLlocation.href splitC^'); 

top.frames[l].botlJocation.href = a[0] + "# M + offset; 

var img=eval("top.frames[l].botl.documenti" + offset); 

if (lastimg && (lastimg !- img)) lastimg.src- \./icons/spacer.gif '; 

if (img) img.src="../icons/red.gif r ; 

lastimg=img; 

> 

function PlayVideo(offset) 
{ 

var d=top.frames[0].topl.document; 
if (proxy_type — "real") 
{ 

if (navigator.appName — "Netscape") 

{ 

d.VideoImageWindow.SetSource(top.urlroot + "?start= M + "V" + Math.round(offset/1000 
top.preroll) + "\ nn ); 

d.VideoImageWindow.DoPlayPauseO; 

} 

else 
{ 

d.RAOCX.Source= top.urlroot + "?start=" + "V" + Math jound(offset/l 000 + top.preroll) 

num, 

d.RAOCX.DoPlayPause0; 

} * 

> 

if (proxy type = "netshow") 
{ 

top.frames[0].topl.NSPlay.Filename = top.urlroot; 

top.frames[0].topLNSPlay.SelectionStart =* Math.round(offset/1000 + top.preroll); 

Appendix F 

Page 1 



index.html 



top.frames[0].topl.NSPIay.Play(); 
} 

if (proxy_type = "mbase") 
{ 

var start = (offset* 1 000 + preroll* 1 000000); 

d.location.href = top.urlroot + M ?StartPosition=" + start + "&AutoStart=TRUE"; 
} 

if (proxy_type — "ovs") 

{ 

if (navigator.userAgent.toLowerCase0JndexOf("msie") — A) {II netscape browser 

top.frames[0].top].document.videoJoad(top.urlroot); 

top.fhunes[oitopl.document^^ 
} else { // msie browser 

top.frames[0].topLdocument.videoXoad(top.urlroot); 

top.frames[0]»topl.document.videoPlayO; 

top.frames[0].topLdocurnentvideo.SetPos(l ^ffset-Hop.preroll* 1 000); 

} 
} 

if (proxy_type = "noproxy") 
{ 

alert("No proxy available"); 
} 

} 

</SCRIPT> 

<FRAMESET ROWS=240,* BORDER=2> 
<FRAME NAME=top SRC=top.html SCROLLING=AUTO > 
<FRAME NAME=bot SRC=clips/000.html SCROLLING=AUTO > 

</FRAMESET> 

</HEAD> 

</HTML> 
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video_label.html 



<HTML> 
<HEAD> 
<SCRIPT> 

function select_proxy() { 
for(var i=0; i<document.f.proxy_type.length; i++) { 

if (docvunent.f.proxy_type.options[i].value = window.opener.top.proxytype) { 
document J.proxy_type.options[i].selected =1 ; 

} 

} 

} 

function write_url_input() { document.write("<INPUT SIZE=40 NAME=URL VALUE=\"" + 
opener.top.urlroot + "\">"); } 

function wite_preroll_input() {document.write("<INPUT SIZE=5 NAME=PREROLL 
VALUE=\"" + opener.top.preroll + T>") ; } 

function setvalues() 
{ 

window.opener.top.urlroot = document.f.URL.value; 
window.opener.top.preroll = parseInt(document.f.PREROLL.vaIue); 

window.opener.top.proxy_type =* 

document.fproxy_type.options[docum 

window.opener.top.frames[0].topLlocation = "video_" + window.opener.top.proxytype + 
".html" 

if (isNaN(window.opener.top.preroll)) window. opener.top.preroll=0; 
window.closeQ; 

} 

</SCRIPT> 
</HEAD> 

<BODY BGCOLOR=000066 onLoad=select_proxyO> 

<CENTER> 

<FORM NAME=f> 

<TABLE BORDER=l BGCOLOR=FFFFFF> 
<TR> 

<TH WIDTH=20% BGCOLOR=6666AAxFONT FACE="Arial" COLOR=FFFFFF SIZE=- 
l>URL</FONT></TH><TO><SCWPl>\vrite_urnnputO;</SCRIP 
<JTR> 
<TR> 

<TH BGCOLOR=6666AA><FONT FACE="AriaT COLOR=FFFFFF SIZE=- 
I>PrCToll<7FONl></m><TD><SCWPl>^ 
</TR> 
<TR> 

<TH BGCOLOR=6666AA><FONT FACE="Arial" COLOR=FFFFFF SIZE=-l>Proxy 
Type</FONT></TH> 
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<TD> 

<SELECT NAME=proxy_type> 
<OPTION VALUE="real">RealNetworks RealVideo 
<OPTION VALUE="netshow">Microsoft Netshow 
<OPTION VALUE="mbase">SGI Mediabase 
<OPTION VALUE="ovs">Oracle Video Server 3.0 
<OPTION VALUE="noproxy">No Proxy 

</SELEC1> 

</TD> 
</TR> 
</TABLE> 

<INPUT VALUE="Modify Values" TYPE=SUBMIT onClick="javascript:setvaluesO"> 
<P> 

<TABLE WIDTH=100%BORDER=1 BGCOLOR=FFFFFF> 
<TR> 

<TH BGCOLOR=6666AA><FONT SIZE=-1 COLOR=FFFFFF 

FACE="Ariar>Slug</FON-r></TH> 

<TD><FONT SIZE=-1 COLOR=000000 FACE= ,, Ariar>video2<yFON1></TD> 

</TR> 

<TR> 

<TH BGCOLOR=6666AA><FONT SIZE=-1 COLOR=FFFFFF 

FACE= ,, Arial">Description<FON1><n , H> 

<TD><FONT SIZE--1 COLOR=000000 FACE="Ariar>Hong Kong</FONT></TD> 

</TR> 

<TR> 

<TH BGCOLOR=6666AA><FONT SIZE=-1 COLOR=FFFFFF FACE="Arial">Tape 
ID</FON1><yTH> 

<TD><FONT SIZE=-1 COLOR=000000 FACE= , 7toal">1234</FONT></TD> 

</TR> 

<TR> 

<TH BGCOLOR=6666AAxFONT SIZE=-1 COLOR=FFFFFF FACE="Arial">Log 
Date</FONTx/TH> 

<TDxFONT SIZE=-1 COLOR=000000 FACE="Arial">06-18-1998<FONT></TD> 

</TR> 

<TR> 

<OH BGCOLOR=6666AA><FONT SIZE=-1 COLOR=FFFFFF 

FACE="Ariai">Logger<yFONT></TH> 

<TDxFONT SIZE=-1 COLOR=000000 FACE="Axial ,, >279</FONT></rD> 

</TR> 

</TABLE> 

</CENTER> 

</FORM> 

<BODY> 

</HTML> 
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video_mbase.html 



<HTML> 
<HEAD> 
<SCRIP1> 

function open_videoJabel() 

{ window.open(%ideoJabel.htm^%ideolate^^^ 

</SCRIPT> 
</HEAD> 

<BODY BGCOLOR=000000> 
<CENTER> 

<IMG BORDER=0 SROicons/colorbars.gif WIDTHS 60 HEIGHT=120><BR> 

<BR><FONT SIZE=-1 FACE= ,, Arial"><A HREF="javascript:open_videoJabelO">Video 

Label<^FONT></A> 

</CENTER> 

<7BODY> 

</HTML> 
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<HTML> 
<HEAD> 
<SCRIPT> 

function open_video_label() 

{window.open("video Jabel.html V'videolabei"/Nvim=500^^ 

</SCRIPT> 

</HEAD> 

<BODY BGCOLOR=000000> 

<CENTER> 

<SCR1PT> 

if (navigator.userAgent.toLowerCase0 indexOf("msie") = -1) { 
alertC'Netshow is supported only in MSIE 4.x browsers / reverting to no proxy...") 
this.location = "videonoproxy.htmr; 

} 

<SCRIPT> 
<BR> 

OBJECT ID="NSPlay" WIDTH=160 HEIGHT=160 CLASSID="CLSID:22d6f312-b0f6-lld0- 
94ab-0080c74c7e95" 

CODEBASE= tt http://wvw.microsoft.com/NetShow/down]oad7en/nsasfinf.caM 
2"> 

<PARAM NAME=" AutoStart" VALUE="0"> 
<PARAM NAME="MovieWindowWidth" VALUE="160"> 
<PARAM NAME="MovieWindowHeight" VALUE="120"> 
<PARAM NAME="ShowDisplay" VALUE="0"> 
<PARAM NAME="ShowControls" VALUE="1"> 
<PARAM NAME="ShowPositionControIs" VALUE="0"> 
<PARAM NAME="ShowSelectionControls" VALUE="0"> 
<PARAM NAME="EnablePositionControls" VALUE="0"> 
<PARAM NAME="EnableSelectionControls" VALUE="0"> 
<PARAM NAME="ShowTracker" VALUE="1"> 
<PARAM NAME="EnableTracker" VALUE="1"> 
<PARAM NAME="BorderStyle" VALUE="2"> 
<PARAM NAME="DisplayMode" VALUE="0"> 
<P ARAM NAME=" Appearance" VALUE="0"> 
<PARAM NAME="DispIayForeCoIor" VALUE="65535"> 
<PARAM NAME="DispIayBackColor" VALUE="65535"> 
</OBJECT> 

<BR><FONT SIZE=-1 FACE="Arial"><A HREF="javascript:open_video_labe]0">Video 

LabeI</FONT></A> 

</CENTER> 

</BODY> 

</HTML> 
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video_noproxy .html 



<HTML> 
<HEAD> 
<SCRIPT> 

function open_video_Iabel() 

{\\rindow.open( ,, videoJabel.html^%ideo]ate^ 

</SCRIPT> 

</HEAD> 

<BODY BGCOLOR=000000> 
<CENTER> 

<IMG BORDER=0 SRC=icons/colorbars.gif WIDTH=160 HEIGHTS 20><BR> 

<BR><FONT SIZE=-1 FACE="Arial"><A HREF="javascript:open_video_labelO">Video 

Label</FONT></A> 

</CENTER> 

</BODY> 

</HTML> 
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<HTML> 
<HEAD> 
<SCRIPT> 

function open_video_label() 

{ vwndow.open("videoJabelJhtmlV^ideolate } 

</SCRJPT> 

</HEAD> 

<BODY BGCOLOR=000000> 

<CENTER> 

<OBJECTID="video" 

CLASSID= ,, CLSID:547A04EF-4FOO-llDl-9559-0020AFF4F597' , 

WIDTH=160 

HEIGHT=120> 
<PARAM NAME="ShowControls" VALUE="0"> 
<PARAM NAME="BorderStyle" VALUE=" 1 "> 
<EMBED 

TYPE="application/oracle-video" 
NAME="video" 
WIDTH=160 
HEIGHTS 20 
CONTROLS=FALSE 
AUTOSTART=FALSE> 
</OBJECT> 

<BR><FONT SIZE=-1 FACE- 'Axial "><A HREF= H javascript:open_videoJabe]0">Video 

Label</F0N1></A> 

<CENTER> 

</BODY> 

</HTML> 



Appendix L 



Page 1 



video_real.html 



<HTML> 
<HEAD> 
<SCRIPT> 

function openvideolabelO 

{ window.open( , VideoJabeI.html\ , Videolaber', ,, width=500 ) height=400,scrollbars=yes n );} 

</SCRIP1> 
</HEAD> 

<BODY BGCOLOR=000000> 
<CENTER> 
<OBJECT ID=RAOCX 
CLASSID="clsid:CFCDAA03-8BE4-l 1 cf-B84B-0020AFBBCCFA" 

W1DTH=160 

HEIGHT=120> 
<PARAM NAME-'SRC" VALUE="empty.rpm"> 
<PARAM NAME="CONTROLS" VALUE="ImageWindow"> 
<PARAM NAME="CONSOLE" VALUE="clipr> 
<EMBED 

SRC=empty.rpm 

CONTROLS==Image Window 

NAME=VideoImageWindow 

AUTOSTART=FALSE 

CONSOLE-clipl 

WIDTH=160 

HEIGHT=120 

BORDER=0><BR> 
</OBJECT><BR> 
<EMBED 

SRC=empty.rpm 

WIDTH=160 

HEIGHT=30 

CONTROLS==ControlPanel 
CONSOLE=clipl 
AUTOSTART=FALSE 
BORDER=0> 

<BR><FONT SIZE=-1 FACE="Arial"><A HREF="javascript:open_video_labelO">Video 

Label</FONT></A> 

</CENTER> 

</BODY> 

</HTML> 
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